@font-face {
  font-family: 'icomoon';
  src: url("/Content/LMS/css/fonts/icomoon/fonts/icomoon.eot?h6e4hq");
  src: url("/Content/LMS/css/fonts/icomoon/fonts/icomoon.eot?h6e4hq") format("embedded-opentype"), url("/Content/LMS/css/fonts/icomoon/fonts/icomoon.ttf?h6e4hq") format("truetype"), url("/Content/LMS/css/fonts/icomoon/fonts/icomoon.woff?h6e4hq") format("woff"), url("/Content/LMS/css/fonts/icomoon/fonts/icomoon.svg?h6e4hq") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icomoon, .list-chapter > li .locked:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-car-light:before {
  content: "\e934";
}

.icon-module:before {
  content: "\e930";
}

.icon-file-list:before {
  content: "\e931";
}

.icon-log:before {
  content: "\e932";
}

.icon-vip:before {
  content: "\e933";
}

.icon-search-text:before {
  content: "\e92f";
}

.icon-notice:before {
  content: "\e92e";
}

.icon-ok:before {
  content: "\e900";
}

.icon-right:before {
  content: "\e901";
}

.icon-user:before {
  content: "\e902";
}

.icon-home:before {
  content: "\e903";
}

.icon-book:before {
  content: "\e904";
}

.icon-view-light:before {
  content: "\e905";
}

.icon-sandglass:before {
  content: "\e906";
}

.icon-half-right:before {
  content: "\e907";
}

.icon-edit:before {
  content: "\e908";
}

.icon-pencil:before {
  content: "\e909";
}

.icon-paper:before {
  content: "\e90a";
}

.icon-lock:before {
  content: "\e90b";
}

.icon-lock-fill:before, .list-chapter > li .locked:before {
  content: "\e90c";
}

.icon-more-vertical:before {
  content: "\e90d";
}

.icon-more:before {
  content: "\e90e";
}

.icon-laugh:before {
  content: "\e90f";
}

.icon-keyboard:before {
  content: "\e910";
}

.icon-compass:before {
  content: "\e911";
}

.icon-compass-fill:before {
  content: "\e912";
}

.icon-search:before {
  content: "\e913";
}

.icon-plus:before {
  content: "\e914";
}

.icon-minus:before {
  content: "\e915";
}

.icon-fire:before {
  content: "\e916";
}

.icon-local:before {
  content: "\e917";
}

.icon-local-fill:before {
  content: "\e918";
}

.icon-setting:before {
  content: "\e919";
}

.icon-setting-fill:before {
  content: "\e91a";
}

.icon-plus-circle:before {
  content: "\e91b";
}

.icon-plus-circle-fill:before {
  content: "\e91c";
}

.icon-minus-circle-fill:before {
  content: "\e91d";
}

.icon-minus-circle:before {
  content: "\e91e";
}

.icon-heart-fill:before {
  content: "\e91f";
}

.icon-heart:before {
  content: "\e920";
}

.icon-menu:before {
  content: "\e921";
}

.icon-time:before {
  content: "\e922";
}

.icon-date:before {
  content: "\e923";
}

.icon-comment:before {
  content: "\e924";
}

.icon-view:before {
  content: "\e925";
}

.icon-praise:before {
  content: "\e926";
}

.icon-praised:before {
  content: "\e927";
}

.icon-circle-arrow:before {
  content: "\e928";
}

.icon-smile:before {
  content: "\e929";
}

.icon-star:before {
  content: "\e92a";
}

.icon-star-fill:before {
  content: "\e92b";
}

.icon-arrow:before {
  content: "\e92c";
}

.icon-loading:before {
  content: "\e92d";
}

.banner {
  position: relative;
  z-index: 100;
}

.header .icon-menu {
  font-size: 20px;
}

.header .btn {
  line-height: 20px;
}

.player {
  width: 100%;
  height: 200px;
  background-color: #000;
  vertical-align: middle;
}

.list-comment {
  border-top: none;
}

.swiper-slide {
  color: #fff;
  text-align: center;
  /*background-color: #00ADEF;*/
}

.slide-image {
  width: 100%;
  vertical-align: middle;
}

/*.slide-image{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}*/
/*.swiper-container-horizontal > .swiper-pagination{
    bottom: 5px;
}*/
[data-action="open-left-menu"] > a {
  height: 43px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.wrapper.list-wrapper .container, .wrapper.list1-wrapper .container {
  padding-top: 0;
}

.wrapper.list-wrapper .header, .wrapper.list1-wrapper .header {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.wrapper .header .left-button .btn {
  padding-left: 15px;
}

.logo {
  height: 30px;
  max-height: 50px;
  margin-right: 15px;
  vertical-align: middle;
}

.user-avatar {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 2px solid #ccc;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
          background-size: cover;
}

.avatar-small {
  width: 50px;
  height: 50px;
  border: none;
}

.user-setting {
  position: absolute;
  right: 10px;
  top: 10px;
}

.user-setting .icomoon, .user-setting .list-chapter > li .locked:before, .list-chapter > li .user-setting .locked:before {
  font-size: 20px;
}

.icon-theme {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  display: inline-block;
  vertical-align: middle;
}

.theme-light {
  background-color: #EEEEF3;
}

.theme-dark {
  background-color: #333238;
}

.theme-classic {
  background-image: url(/Content/LMS/images/bg2.png);
  -webkit-background-size: cover;
          background-size: cover;
}

.myTabs .tabs-scrollbar, .myTabs1 .tabs-scrollbar {
  padding-left: 15px;
  padding-right: 15px;
}

/*.info .title{
    padding-right: 35px;
}*/
.job-select .list-inline {
  color: #808080;
  display: block;
}

.job-select .list-inline > li {
  width: 33%;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.result-circle {
  text-align: center;
  border: 1px solid #ddd;
  background: #ddd;
  border-radius: 100%;
}

.result-circle *:first-child {
  line-height: 100px;
}

.result-circle .secondary {
  margin-top: -30px;
}

.exam-paper .progress {
  height: 25px;
  line-height: 25px;
  padding-left: 75px;
  padding-right: 60px;
}

.exam-paper .progress-bar {
  top: 12px;
  height: 2px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

#chapter {
  margin: -10px;
}

.list-chapter {
  border-top: none;
  margin-bottom: 10px;
}

.list-chapter > li {
  background-color: rgba(20, 20, 20, 0.3);
}

.list-chapter > li:not(:last-child) {
  margin-bottom: 10px;
}

.list-chapter > li > a {
  border-top: 1px solid;
  padding-right: 50px;
  position: relative;
}

.list-chapter > li > a p {
  margin-bottom: 0;
}

.list-chapter > li > a .actions {
  color: #1f6ed1;
  font-size: 18px;
  position: absolute;
  width: 60px;
  height: 100%;
  text-align: center;
  top: 0;
  right: 0;
  background-color: #d9d9d9;
}

.list-chapter > li > a .actions .percent {
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.list-chapter > li a + ul {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #777;
  border-top: 1px solid;
  background-color: transparent;
}

.list-chapter > li a + ul > li {
  line-height: 25px;
}

.list-chapter > li a + ul > li + li {
  border-left: 1px solid;
}

.list-chapter > li .locked:before {
  font-size: 18px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.list-chapter > li .disabled {
  color: #444444;
}

.secondary {
  color: #777;
}

.list-post > li {
  padding: 0;
  margin-bottom: 10px;
  border-top-width: 1px;
  border-top-style: solid;
}

.list-post > li:last-child {
  margin-bottom: 0;
}

.list-post > li .post {
  padding: 10px 15px;
}

.list-post > li .tabs {
  padding: 5px 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-width: 1px;
  border-top-style: solid;
}

.list-post > li .tabs > li {
  line-height: 1.42857;
}

.list-post > li .tabs > li:first-child {
  text-align: left;
}

.list-post > li .tabs > li:last-child {
  text-align: right;
}

.no-data {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px solid;
  margin-left: auto;
  margin-right: auto;
}

.icomoon.icon-comment, .list-chapter > li .icon-comment.locked:before {
  position: relative;
  top: 2px;
}

.icomoon.icon-view, .list-chapter > li .icon-view.locked:before {
  position: relative;
  top: 1px;
}
